<div class="file-upload">
  <div class="content">
    <div class="info">
      <p class="title">
        <span class="required" *ngIf="required === 'true'">*</span>
        {{ title }}
      </p>
      <p class="sub-title">{{ subTitle }}</p>
      <p class="error-msg" *ngIf="errMsg">
        {{ errMsg }}
      </p>
      <p class="info-msg">
        {{ infoMsg ? infoMsg : '' }}
      </p>
    </div>
    <div class="upload">
      <nz-upload
        [nzBeforeUpload]="beforeUpload"
        [nzShowUploadList]="false"
        (nzChange)="nzFilesChange($event)"
      >
        <button nz-button nzType="primary" [disabled]="!uploadAvailable">
          <span nz-icon nzType="upload"></span>
          文件上传
        </button>
      </nz-upload>
      
      <div class="cust-btn">
        <button *ngIf="eCertificateObj && eCertificateObj.length > 0" nz-button nzType="primary" (click)="eCertificate()"
          [nzLoading]="certificateLoading"
          [disabled]="!uploadAvailable"
        >
          电子证照验证
        </button>
      </div>
    </div>
  </div>

  <div class="thumb">
    <div></div>
    <div class="img" *ngFor="let fileId of previewIds">
      <img [src]="fileId | imagePreview" alt="" srcset="" *ngIf="!isBusinessBill">
      <img [src]="'/api/gsxmcp/pb/fm/v1.0/billsDownload/' + fileId" alt="" srcset="" *ngIf="isBusinessBill">
      <span class="delete" (click)="deleteImg(fileId)">
        <span nz-icon nzType="delete" nzTheme="outline"></span>
      </span>
    </div>
  </div>
  
</div>